<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>KISSY Dialog</title>
<link rel="shortcut icon" href="http://docs.kissyui.com/kissy-dpl/base/assets/favicon.ico"/>
<link rel="stylesheet" href="http://docs.kissyui.com/kissy-dpl/base/assets/reset.css"/>
<link rel="stylesheet" href="http://docs.kissyui.com/kissy-dpl/base/assets/kissy-docs.css"/>

<link rel="stylesheet" href="http://docs.kissyui.com/kissy-dpl/base/build/css/form.css"/>

<script src="../../../build/kissy.js"></script>
<script>
    KISSY.Config.base = "../../";
</script>
<script src="http://docs.kissyui.com/kissy-dpl/base/assets/kissy-docs.js"></script>
</head>
<body>
<div id="header">
    <h1 class="logo"><a alt="KISSY" href="http://kissyui.com/"><img src="http://docs.kissyui.com/kissy-dpl/base/assets/logo.png"/></a></h1>
    <div class="sub-title">Overlay</div>
    <ul class="navigation">
        <li><a href="http://blog.kissyui.com/">博客</a></li>
        <li><a href="http://github.com/kissyteam">源码</a></li>
    </ul>

</div>
<div id="content" class="form">
<div class="s-crumbs">
    <span>当前位置：</span>
    <a href="http://kissyui.com/">KISSY</a>
    <a href="http://docs.kissyui.com/docs/html/api/component/overlay/">Overlay</a>
    <span>Dialog</span>
</div>
        <pre class="s-section">
作者：乔花(qiaohua@taobao.com),承玉(yiminghe@gmail.com)
功能：对话框
源码：<a href="../dialog.js">dialog.js</a></pre>

<link rel="stylesheet" href="../assets/cool.css"/>

<h3 class="s-title">Dialog - 新建 + Mask + aria</h3>
<div class="s-section">
    <div class="s-demo">
        <button id="btn4" class="button">收藏</button>
        <button id="btn41" class="button">destroy</button>
        <script>
            KISSY.use("node,overlay", function(S, Node, O) {
                var dialog = new O.Dialog({
                    width: 400,
                    headerContent: '收藏',
                    bodyContent: '<iframe scrolling="no" height="200" width="398" frameborder="0" name="popupIframe" src="http://favorite.taobao.com/popup/add_collection.htm?id=10166801469&amp;itemtype=1&amp;scjjc=1&amp;_tb_token_=3b38ed73a7775&amp;t=1305543755536"></iframe>',
                    mask: true,
                    align: {
                        points: ['cc', 'cc']
                    },
                    draggable: false,
                    aria:true
                });
                Node.one('#btn4').on('click', function() {
                    dialog.show();
                });

                Node.one('#btn41').on('click', function() {
                    dialog.destroy();
                    Node.one('#btn4').detach();
                });
            });
        </script>
    </div>
    <a class="s-view-code" href="#">显示源码</a>
</div>

<h3 class="s-title">API</h3>
<div class="s-section">
    <h4 class="s-api-title"><a href="http://docs.kissyui.com/docs/html/api/component/overlay/dialog.html">详细见这</a></h4>
</div>

</div>
<div id="footer">
    &copy; Copyright 2010~2011, KISSY Team.
</div>
</body>
</html>